<!DOCTYPE html>
<html>

<head>
    <title>漫画网页</title>
    <style>
        /* CSS样式可以自定义 */
        h1 {
            color: #333;
        }

        body {
            font-family: Arial, sans-serif;
            text-align: center;
            margin: 0;
            /* 添加此行以消除页面的默认边距 */
        }

        .comic-container {
            margin-bottom: -1px;
            /* 负边距用于消除间隔 */
            font-size: 0;
            /* 添加此行以消除行内块元素之间的空白间隙 */
        }

        .comic-image {
            
            max-width: 100%;
            height: auto;
            vertical-align: middle;
            /* 添加此行以在行内块元素中垂直居中图片 */
        }
    </style>
</head>

<body>
    <h1>欢迎来到漫画网页</h1>

    <div class="comic-container">
        <img class="comic-image" src="/static/man_hua/1.jpg" alt="漫画图片">
        <!-- <img class="comic-image" src="\static\man_hua\我被困在同一天一千年/第1话 时停千年/1_031.jpg" alt="漫画图片"> -->
        <!-- <img class="comic-image" src="\static\man_hua\我被困在同一天一千年/第1话 时停千年/1_032.jpg" alt="漫画图片"> -->
    </div>
    <div class="comic-container">
        <!-- <img class="comic-image" src="\static\man_hua\我被困在同一天一千年/第1话 时停千年/1_031.jpg" alt="漫画图片"> -->
    </div>
    <div class="comic-container">
        <!-- <img class="comic-image" src="\\static\man_hua\我被困在同一天一千年/第1话 时停千年/1_032.jpg" alt="漫画图片"> -->
    </div>
</body>

</html>